<%--
    用于首页侧边栏：
    包括 关于本站，网站概况，热评文章，所有标签，随机文章 等小工具
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<div id="sidebar" class="widget-area all-sidebar"	style="position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;">
		<aside class="widget about">
			<h3 class="widget-title">
				<i class="fa fa-bars"></i>关于本站
			</h3>
			<div id="feed_widget">
				<div class="feed-about">
					<div class="about-main">
						<div class="about-img">
							<img src="/options/photo/sitephoto" alt="微信二维码"  >
						</div>
						<div class="about-name">${options.optionAboutsiteTitle}</div>
						<div class="about-the"> ${options.optionAboutsiteContent}</div>
					</div>
					<div class="clear"></div>
					<ul>
						<li class="weixin">
							<a title="微信" id="weixin_btn"	rel="external nofollow"> 
								<i class="fa fa-weixin"> </i>
							</a>
						</li>
						<li class="tqq">
							<a target="blank" rel="external nofollow" 	href="http://wpa.qq.com/msgrd?V=3&amp;uin=${options.optionAboutsiteQq}&amp;Site=QQ&amp;Menu=yes" title="QQ在线"> <i class="fa fa-qq"></i> </a>
						</li>
						<li class="tsina">
							<a  href="http://weibo.com/${options.optionAboutsiteWeibo}" target="_blank" 	rel="external nofollow"> <i class="fa fa-weibo"></i> </a>
						</li>
						<li class="feed">
							<a title="" href="${options.optionAboutsiteGithub}"	target="_blank" rel="external nofollow">  <i class="fa fa-github"></i> </a>
						</li>
					</ul>
					<div class="about-inf">
						<span class="about-pn">文章 35</span> <span class="about-cn">留言 26</span>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</aside>
		
		<aside id="php_text-22" class="widget php_text">
			<h3 class="widget-title">
				<i class="fa fa-bars"></i>网站概况
			</h3>
			<div class="textwidget widget-text">
				<ul class="site-profile">
					<li><i class="fa fa-file-o"></i> 文章总数：${totalInfo.articleCount } 篇</li>
					<li><i class="fa fa-commenting-o"></i> 留言数量：${totalInfo.commentCount  }  条</li>
					<li><i class="fa fa-folder-o"></i> 分类数量：${totalInfo.categoryCount  }  个</li>
					<li><i class="fa fa-tags"></i> 标签总数：${totalInfo.tagCount  }  个</li>
					<li><i class="fa fa-link"></i> 链接数量：${totalInfo.linkCount  } 个</li>
					<li><i class="fa fa-eye"></i> 浏览总量：${totalInfo.articleViewCount  } 次</li>
					<li><i class="fa fa-pencil-square-o"></i> 最后更新： <span style="color: #2F889A"> ${totalInfo.lastUpdateTime  } </span></li>
				</ul>
			</div>
			<div class="clear"></div>
		</aside>
		<aside class="widget">
			<h3 class="widget-title">
				<i class="fa fa-bars"></i>所有标签
			</h3>
			<div class="tagcloud">
				 <c:forEach items="${tagList}" var="t">
	                <a href="/tag/${t.tagId}" class="tag-link-129 tag-link-position-1"   style="font-size: 14px;">
	                       ${t.tagName}
	                </a>
	            </c:forEach>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</aside>
		<aside id="recent_comments-2"
			class="widget recent_comments wow fadeInUp" data-wow-delay="0.3s">
			<h3 class="widget-title">
				<i class="fa fa-bars"></i>近期评论
			</h3>
			<div id="message" class="message-widget">
				<ul>
					<c:forEach items="${recentCommentList}" var="r">
	                <li style="border: none;">
	                    <a href="/article/${r.commentArticleId}/#anchor-comment-${r.commentId}"  rel="external nofollow">
	                        <%--<img alt="" src="${r.commentAuthorAvatar}" class="avatar avatar-64 photo" height="64" width="64">--%>
	                        <span class="comment_author">
	                            <strong>${r.commentAuthorName}</strong>
	                        </span>
	                         ${r.commentContent}
	                    </a>
	                </li>
	                </c:forEach>
				</ul>
			</div>
			<div class="clear"></div>
		</aside>
	</div>